/**
 * The XSplitterItem user-interface component
 * @class syslib.ui.XSplitterItem
 * @author Gabriel Ricci
 */
syslib.ui.XSplitterItem = __class(syslib.ui.VisualTag, 
/**
 * @lends syslib.ui.XSplitterItem
 */
{
	width : null,
	
	prepare : function(){
		// get the tag attributes
		var attributes = this.__attributes;
		
		// set the width
		this.width = (__valid(attributes.width)) ? attributes.width : "0";
		
		// return
		return true;
	},

	execute : function(){
		// create the element structure
		var elemtJSON = ["td", this.__attributes,
			this.__innerHTML
		];

		// create the object
		var panel = this.createDOM(elemtJSON);
		
		// return
		return panel;
	},

	finalize : function(){
		// set the width
		this.__element.style.width = this.width;
	}
});